<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/三星登陆.css" />
		<script type="text/javascript">
		
	function cleartext1()
			{
				var ipt1= document.getElementById("ipt1");
				if(ipt1.value=="电子邮件或手机号码")
				{
					ipt1.value="";
					document.getElementById("a").innerText="电子邮件或手机号码";
				}
			}
			function restoretext1()
			{
				var ipt1= document.getElementById("ipt1");
				if(ipt1.value=="")
				{
					ipt1.value="电子邮件或手机号码";
					document.getElementById("a").innerText="";
				}	
			}

	function cleartext2()
			{
				var ipt2= document.getElementById("ipt2");
				if(ipt2.value=="密码")
				{
					ipt2.value="";
					document.getElementById("b").innerText="密码";
				}
			}
			function restoretext2()
			{
				var ipt2= document.getElementById("ipt2");
				if(ipt2.value=="")
				{
					ipt2.value="密码";
					document.getElementById("b").innerText="";
				}	
			}
	function cleartext3()
			{
				var ipt3= document.getElementById("ipt3");
				if(ipt3.value=="安全代码")
				{
					ipt3.value="";
					document.getElementById("c").innerText="安全代码";
				}
			}
			function restoretext3()
			{
				var ipt3= document.getElementById("ipt3");
				if(ipt3.value=="")
				{
					ipt3.value="安全代码";
					document.getElementById("c").innerText="";
				}	
			}
		</script>
	</head>
	<body>
		<div class="d1">
			<div class="d2">
				<div class="d21">
					<a href="#" style="text-decoration: none;">×</a> 
				</div>
				<div class="d22">
					<div class="d221">
						<h1 style="color: blue;">三星账户</h1>
					</div>
					<div id="a" style="width: 480px;height: 30px; position: absolute;top: 65px;z-index: 15;color: blue;"></div>
					<div class="d222" style="border-bottom: 3px solid #f2f2f2;">
						
						<input id="ipt1" type="text" style="width: 480px;height: 46px;line-height: 46px;font-size: 25pt;border: none;" value="电子邮件或手机号码" onfocus="cleartext1()" onblur="restoretext1()"/>
						<!--<label> data:<input type="text" name="B"/></label>-->
					</div>
					<div class="d223" style="border-bottom: 3px solid #f2f2f2;">
						<input id="ipt2" type="text" style="width: 480px;height: 46px;line-height: 46px;font-size: 25pt;border: none; " value="密码" onfocus="cleartext2()" onblur="restoretext2()"/>
					</div>
					<div id="b" style="width: 480px;height: 30px; position: absolute;top: 155px;z-index: 15;color: blue;"></div>
					<div class="d224">
						<input type="checkbox" style="width: 20px;height: 20px;margin-top: 5px;"/><a href="#" style="font-size: 15pt;color: #000000;text-decoration: none;vertical-align: 3px;">记住我的ID</a> 
					</div>
					<div class="d225">
						<div style="width: 276px;height: 52px;display: inline-block;float: left; "> <img src="../img/bs1.png"style="float: left;" /></div>
						<a href="#"><img src="../img/bs2.png" style="float: left;"/></a>
					</div>
					<div class="d226" style="border-bottom: 3px solid #f2f2f2;">
						<input id="ipt3" type="text" style="width: 480px;height: 46px;line-height: 46px;font-size: 25pt;border: none;" value="安全代码" onfocus="cleartext3()" onblur="restoretext3()"/>
					</div>
					<div id="c" style="width: 480px;height: 30px; position: absolute;top: 375px;z-index: 15;color: blue;"></div>
					<div class="d227">
						<a href="#"><img src="../img/B.png"style="width: 480px;height: 290px;" /></a> 
					</div>
					<div class="d228"style="border: 2px solid black;width: 180px;height: 46px;margin-left: 150px;border-radius: 10px;">
						<center><a href="#" style="text-decoration: none;font-size: 20pt;color: #000000;font-weight: 200;">登录</a></center>
					</div>
					<div class="d229">
						<center><a href="#"style="color: blue;">查找 ID 或重置密码？</a></center><br />
						<center>或<a href="#"style="color: blue;">点此注册</a><br /></center><br />
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
